<script setup lang="ts">
import { useRouter } from "vue-router";

const router = useRouter();

const toPage = (name: string) => {
  router.push({ name });
};
</script>

<template>
  <div>
    <VanNavBar title="个人中心" />

    <div class="my__main">
      <div class="my__func">
        <div class="my__func-item" @click="toPage('myPost')">
          <span> 我的文章 </span>
          <van-icon name="arrow" />
        </div>
        <div class="my__func-item">
          <span> 点赞列表 </span>
          <van-icon name="arrow" />
        </div>
        <div class="my__func-item">
          <span>收藏列表 </span>
          <van-icon name="arrow" />
        </div>
        <div class="my__func-item">
          <span> 评论列表 </span>
          <van-icon name="arrow" />
        </div>
      </div>
    </div>
  </div>
</template>
